<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详细</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_711350_nxnjcwgmpee.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/detailed.css"/>
		<script type="text/javascript" src="js/swiper-4.3.3.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/pro_details.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部灰栏-->
			<div class="title" style="overflow: hidden;">
				<div class="title_test">
					<span class="title_test_one">全国服务热线：400-000-0000</span>
					<span class="title_test_three"><a href="#">加入收藏</a></span>
					<span class="title_test_two"><a href="#">设为首页</a></span>
				</div>
			</div>
			<!--头部导航栏-->
			<div class="nav">
				<div class="nav_img">
					<img src="img/未标题-1.png"/>
				</div>
				<div class="nav_TK">
					<p class="nav_TK_T">TK科技有限公司</p>
					<p class="nav_TK_cer">cer dcd keo Holdings Co., Ltd.</p>
				</div>
				<div class="nav_home">
					<div class="nav_home_one">
						<a href="index.html">
							<ul>
								<li>首页</li>
								<li class="nav_home_one_e">Home</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="detailed.html">
							<ul>
								<li>关于我们</li>
								<li class="nav_home_one_e">About</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="product.html">
							<ul>
								<li>产品中心</li>
								<li class="nav_home_one_e">Products</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>服务支持</li>
								<li class="nav_home_one_e">Service</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>新闻中心</li>
								<li class="nav_home_one_e">News</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>在线商店</li>
								<li class="nav_home_one_e">Shop</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>联系我们</li>
								<li class="nav_home_one_e">Contact&nbsp;Us</li>
							</ul>
						</a>
					</div>
				</div>
			</div>
			<!--头部图片-->
			<div style="width: 100%; height: 254px; overflow: hidden;">
				<img src="img/未标题-26.png" style="width: 100%;"/>
			</div>
			<div class="shouye">
				<p>
					<a href="#">首页</a>&nbsp;>&nbsp;<a href="#">新品发布</a>&nbsp;>&nbsp;<a href="#">S6507Y-WR</a>
				</p>
			</div>
			<div style="width: 1063px;margin: 0 auto; overflow: hidden; border-bottom: 1px solid #B5B5B5;">
				<div class="pro_img" style="float: left;">
					<!--radio模拟点击事件-->
					<!--大图-->
					<div class="big_img">
						<input type="radio" checked name="img" id="img1" />
						<img src="img/qqqq_03.png"/>
						<input type="radio" name="img" id="img2" />
						<img src="img/qqqq_05.png"/>
						<input type="radio" name="img" id="img3" />
						<img src="img/qqqq_07.png"/>
						<input type="radio" name="img" id="img4" />
						<img src="img/qqqq_09.png"/>
						<input type="radio" name="img" id="img5" />
						<img src="img/qqqq_011.png"/>
					</div>
					<!--小图-->
					<div class="small_img">
						<div class="img" style="border-bottom: none;"><label for="img1"><img src="img/qqqq_03.png" alt="" /></label></div>
						<div class="img" style="border-bottom: none;"><label for="img2"><img src="img/qqqq_05.png" alt="" /></label></div>
						<div class="img" style="border-bottom: none;"><label for="img3"><img src="img/qqqq_07.png" alt="" /></label></div>
						<div class="img" style="border-bottom: none;"><label for="img4"><img src="img/qqqq_09.png" alt="" /></label></div>
						<div class="img" style="border-bottom: none;"><label for="img5"><img src="img/qqqq_11.png" alt="" /></label></div>
					</div>
				</div>
				<div style="width: 582px; float: left;">
					<table border="0" cellspacing="" cellpadding="" class="bbtable">
						<tr>
							<td><p style="color: #83abe1; font-size: 25px; line-height: 25px;">百万高清网络摄像机</p></td>
						</tr>
						<tr>
							<td>
								<p style="font-size: 25px; line-height: 25px;">型号：S6207Y-WR</p>
							</td>
						</tr>
						<tr>
							<td>
								<p style="font-size: 17px; line-height: 17px;">描述：</p>
							</td>
						</tr>
						<tr>
							<td style="padding-top: 15px;">
								<span style="font-size: 13px;">一百万无线高清 64GB TF卡 语音对讲 智能连接 手机观看</span>
								<ul class="bbw">
									<li>采用H.264视频压缩技术，实现超级码率、高清晰画质 128K-2056Kbps可调；</li>
									<li>1280*720 Pixels(1000k Pixels) 720P/VGA；</li>
									<li>支持控制上下旋转巡航（水平355度/垂直120度）；支持ONVIF协议，标准RTSP流；</li>
									<li>支持最大64GB TF卡插入，支持双向对讲；</li>
									<li>支持smartlink免网线智能配置摄像机WiFi；支持手机远程监控（iPhone，Android）</li>
								</ul>
							</td>
						</tr>
					</table>
					<div class="bbtable2">
						<input type="button" name="" id="" value="立即购买" style="background-color: #468bd9; color: white;" />
						<input type="button" name="" id="" value="联系我们" class="bbtable21" />
					</div>
				</div>
			</div>
			<div class="gray">
				<div class="describe">
					<div class="describe_one"><span>产品描述</span></div>
					<div class="describe_one"><span>规格参数</span></div>
					<div class="describe_one"><span>产品图集</span></div>
				</div>
			</div>
		</div>
		<div style="width: 750px;margin: 0 auto; overflow: hidden;">
			<p style="font-size: 33px; color: #3c9cd3; text-align: center; margin-top: 70px;">720P高清画质</p>
			<p style="color: #c1c1c1; font-size: 13px; text-align: center; margin-top: 5px;">百万高清镜头，高性能海思芯片</p>
			<p style="color: #c1c1c1; font-size: 13px; text-align: center; margin-top: 5px;">1280X720分辨率，清晰度是普通摄像头的3倍</p>
			<div style="width: 322px;height: 149px; margin-left: 99px; margin-top: 153px; float: left;">
				<img src="img/未标题-33.png" style="width: 100%;"/>
			</div>
			<div style="width: 296px;height: 363px; float: left; margin-top: 68px;">
				<img src="img/未标题-19.png" style="width: 100%;"/>
			</div>
		</div>
		<div>
			<p style="font-size: 33px; color: #3c9cd3; text-align: center; margin-top: 70px;">10米红外夜视</p>
			<p style="color: #c1c1c1; font-size: 13px; text-align: center; margin-top: 5px;">零光源不用怕，成像一样清晰</p>
			<p style="color: #c1c1c1; font-size: 13px; text-align: center; width: 384px; margin: 0 auto; margin-top: 5px;">
				红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰，红外灯照射距离可达10米，配备IR-CUT，夜晚彩转黑白
			</p>
			<div class=" bodd_img">
				<img src="img/未标题-35.png"/>
			</div>
		</div>
		<div>
			<p style="font-size: 33px; color: #3c9cd3; text-align: center; margin-top: 70px;">移动侦查&nbsp;&nbsp;&nbsp;&nbsp;信息推送</p>
			<p style="color: #c1c1c1; font-size: 13px; text-align: center; margin-top: 5px;">精准度高，误报率低，不怕贼惦记</p>
			<p style="color: #c1c1c1; font-size: 13px; text-align: center; width: 384px; margin: 0 auto; margin-top: 5px;">
				当监控区域出现移动目标时，监控录像就会自动开启录像功能，并会在第一时间将异常情况发送报警提示您
			</p>
			<div class=" bodd_img">
				<img src="img/未标题-36.png"/>
			</div>
		</div>
		
		<div>
			<p style="font-size: 33px; color: #3c9cd3; text-align: center; margin-top: 70px;">您可以在这些地方使用！</p>
			<div class="bods_img">
				<div style="width: 556px; margin: 40px auto 0; overflow: hidden;">
					<div style="width: 168px; float: left;">
						<img src="img/baby_03.png"/>
						<p style="color: #484be8; text-align: center; font-size: 18px;">看护宝宝</p>
						<p style="font-size: 12px; line-height: 18px;">保姆一个人在家带孩子，还是有些不放心，通过手机可随时看到家中的情况，了解宝贝的状况。</p>
						<img src="img/baby_03.png" style="margin-top: 18px;"/>
						<p style="color: #484be8; text-align: center; font-size: 18px;">看护宝宝</p>
						<p style="font-size: 12px; line-height: 18px;">保姆一个人在家带孩子，还是有些不放心，通过手机可随时看到家中的情况，了解宝贝的状况。</p>
					</div>
					<div style="width: 220px; float: left;">
						<img src="img/mid_03.png"/>
					</div>
					<div style="width: 168px; float: left;">
						<img src="img/baby_03.png"/>
						<p style="color: #484be8; text-align: center; font-size: 18px;">看护宝宝</p>
						<p style="font-size: 12px; line-height: 18px;">保姆一个人在家带孩子，还是有些不放心，通过手机可随时看到家中的情况，了解宝贝的状况。</p>
						<img src="img/baby_03.png" style="margin-top: 18px;"/>
						<p style="color: #484be8; text-align: center; font-size: 18px;">看护宝宝</p>
						<p style="font-size: 12px; line-height: 18px;">保姆一个人在家带孩子，还是有些不放心，通过手机可随时看到家中的情况，了解宝贝的状况。</p>
					</div>
				</div>
			</div>
		</div>
		<div class="gray">
			<div style="width: 986px; height: 100px; margin: 0 auto;">
					<div style="width: 94px;height: 100px;float: left;margin-left: 28px;">
						<span style="display: block;text-align: center;margin-top: 40px; color: white;">
							规格参数
						</span>
					</div>
			</div>
		</div>
		<div style="width: 768px; height: 835px; margin: 100px auto 0;">
			<img src="img/bgggggg.png"/>
		</div>
		<div class="gray">
			<div style="width: 986px; height: 100px; margin: 0 auto;">
					<div style="width: 94px;height: 100px;float: left;margin-left: 28px;">
						<span style="display: block;text-align: center;margin-top: 40px; color: white;">
							更多产品
						</span>
					</div>
			</div>
		</div>
		<div class="mores">
			<div class="mores_boximg">
				<div class="mores_img">
					<img src="img/未标题-39.png"/>
				</div>
				<div class="mores_img">
					<img src="img/未标题-40.png"/>
				</div>
				<div class="mores_img">
					<img src="img/未标题-41.png"/>
				</div>
				<div class="mores_img">
					<img src="img/未标题-42.png"/>
				</div>
				<div class="mores_img">
					<img src="img/未标题-43.png"/>
				</div>
			</div>
		</div>
		<div class="foot">
					<div style="margin: 0 auto; width: 200px; height: 30px; padding-top: 20px;">
						<span style="color: white;">关注我们：</span>
						<a href="#" style="color: #48b9fa;">
							<i class="iconfont icon-tubiao214 iconcolor"></i>
						</a>
						<a href="#" style="margin-left: 15px;margin-right: 15px;color: #48b9fa;">
							<i class="iconfont icon-qie iconcolor"></i>							
						</a>
						<a href="#" style="color: #48b9fa;">
							<i class="iconfont icon-weixin iconcolor"></i>							
						</a>
					</div>
					<p style="color: white; text-align: center; margin-top: 30px;">网站首页&nbsp;·&nbsp;网站首页&nbsp;·&nbsp;网站首页&nbsp;·&nbsp;网站首页</p>
				</div>
				<div style="background-color: black;">
					<p style="color: white; text-align: center;">&copy;2015&nbsp;TK科技有限公司&nbsp;版权所有沪ICP证13022560号-7&nbsp; ALL&nbsp;Rights&nbsp;Reserved</p>
				</div>
	</body>
</html>
